<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>MWH</title>
    <link rel="stylesheet" href="./css1/base.css">
    <link rel="stylesheet" href="./css1/layout.css">
    <link rel="stylesheet" href="./css1/left.css">
    <link rel="stylesheet" href="./css1/rigth.css">
    <link rel="stylesheet" href="./css1/top.css">
</head>

<body>
    <div id="container">
        <div id="top">
            <div id="banner"></div>
            <div id="links">
                <ul>
                    <li><a href="#">鲜花礼品</a></li>
                    <li><a href="#">自助订花</a></li>
                    <li><a href="#">绿色植物</a></li>
                    <li><a href="#">花之物语</a></li>
                    <li><a href="#">会员中心</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">支付方式</a></li>
                </ul>
            </div>
        </div>
        <div id="left">
            <div id="login">

                <form action="#">
                    <ul>
                        <li>用户:<input type="text" class="txtStyle" /></li>
                        <li>密码:<input type="password" class="txtStyle" /></li>
                        <li>
                            <input type="submit" value="登录" class="btnStyle" />
                            <input type="reset" value="注册" class="btnStyle" />
                            <a href="#">忘记密码</a>
                        </li>
                    </ul>
                </form>

            </div>
            <div id="category">
                <h3>用途</h3>
                <ul">
                    <li><a href="#">爱情鲜花</a></li>
                    <li><a href="#">生日送花</a></li>
                    <li><a href="#">新年鲜花</a></li>
                    <li><a href="#">家庭用花</a></li>
                    <li><a href="#">亲情用花</a></li>
                    <li><a href="#">道歉鲜花</a></li>
                    <li><a href="#">开业花篮</a></li>
                    <li><a href="#">会议用花</a></li>
                    </ul>

                    <h3>花材</h3>
                    <ul>
                        <li><a href="#">玫瑰花</a></li>
                        <li><a href="#">百合花</a></li>
                        <li><a href="#">郁金香</a></li>
                        <li><a href="#">太阳花</a></li>
                        <li><a href="#">康乃馨</a></li>
                        <li><a href="#">马蹄莲</a></li>
                        <li><a href="#">扶朗</a></li>
                        <li><a href="#">剑兰</a></li>
                    </ul>

                    <h3>价格</h3>
                    <ul">
                        <li><a href="#">100～200元</a></li>
                        <li><a href="#">200～300元</a></li>
                        <li><a href="#">300～400元</a></li>
                        <li><a href="#">400～500元</a></li>
                        <li><a href="#">500～600元</a></li>
                        <li><a href="#">600～800元</a></li>
                        <li><a href="#">800元以上</a></li>
                        </ul>
            </div>
        </div>
        <div id="right">
            <div id="latest">
                <ul>
                    <li><a href="#"><img src="imgs/new1.jpg" /></a></li>
                    <li><a href="#"><img src="imgs/new2.jpg" /></a></li>
                    <li><a href="#"><img src="imgs/new3.jpg" /></a></li>
                    <ul>
            </div>
            <div id="recommend">
                <ul>
                    <li><a href="#"><img src="imgs/flower1.jpg" /><br />
                            幸福的味道<br />
                        </a>￥288元</li>
                    <li><a href="#"><img src="imgs/flower2.jpg" /><br />
                            阳光守护你<br />
                        </a>￥300元</li>
                    <li><a href="#"><img src="imgs/flower3.jpg" /><br />
                            温情永远<br />
                        </a>￥268元</li>
                    <li><a href="#"><img src="imgs/flower4.jpg" /><br />
                            爱无界<br />
                        </a>￥318元</li>
                    <li><a href="#"><img src="imgs/flower5.jpg" /><br />
                            亲亲宝贝<br />
                        </a>￥368元</li>
                    <li><a href="#"><img src="imgs/flower6.jpg" /><br />
                            相信是缘<br />
                        </a>￥188元</li>
                    <li><a href="#"><img src="imgs/flower7.jpg" /><br />
                            水晶童话<br />
                        </a>￥198元</li>
                    <li><a href="#"><img src="imgs/flower8.jpg" /><br />
                            天使之爱<br />
                        </a>￥268元</li>
                </ul>
            </div>
            <div id="news">
                <ul>
                    <li><a href="#"><img src="imgs/flower9.jpg" /><br />
                            粉色迷情<br />
                        </a></li>
                    <li><a href="#"><img src="imgs/flower10.jpg" /><br />
                            海岸的幽雅<br />
                        </a></li>
                    <li><a href="#"><img src="imgs/flower11.jpg" /><br />
                            百年地中海<br />
                        </a></li>
                    <li><a href="#"><img src="imgs/flower12.jpg" /><br />
                            爱要说出口<br />
                        </a></li>
                </ul>
            </div>
            <div id="tips">
                <ul>
                    <li><a href="#">各种鲜花代表的含义</a></li>
                    <li><a href="#">花的喜怒哀乐与人的各种感觉</a></li>
                    <li><a href="#">养花与养生之道</a></li>
                    <li><a href="#">每天清晨的第一缕阳光</a></li>
                    <li><a href="#">花香的味道</a></li>
                    <li><a href="#">世界各地关于送花的习俗</a></li>
                    <li><a href="#">种花与送花</a></li>
                    <li><a href="#">手捧一束鲜花的等待</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>